/*全局样式开始*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
li{list-style:none;}
.form-group { margin-bottom:10px;}
@media (min-width: 768px) {.form-horizontal .control-label {padding-top: 2px; margin-bottom: 0; text-align: right; }}
.lo:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.baidu-maps label { max-width: none; vertical-align: bottom;}  
a,a:hover{ text-decoration:none;}
p{ margin:0; padding:2px 0;}
img{max-width:100%;}
.hei1{ color:#333;}
.hei2{ color:#454545;}
.hei3{ color:#666;}
.hei4{ color:#999;}
.qian{color:#b5b5b5;}
.ceng{color:#da261d;}
.bai{ color:#fff;}
.t12{font-size:12px;}
.t13{font-size:13px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}
.t24{font-size:24px;}
.t28{font-size:28px;}
.t32{font-size:32px;}
.t36{font-size:36px;}
.lh16{ line-height:16px}
.lh18{ line-height:18px}
.lh20{ line-height:20px}
.lh24{ line-height:24px}
.lh28{ line-height:28px}
.lh36{ line-height:36px}
.lh45{ line-height:45px}
.str{font-weight:bold;}
h3{ font-size:18px; line-height:20px;}
h4{ line-height:36px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.cen{ text-align:center;}
.fudaohang{ color:#454545; font-size:14px;}
.fudaohang:hover{ color:#da261d;}
.content{ color:#454545; line-height:28px; font-size:15px; margin:15px 0;}
.d01{line-height:80px; text-align:left; font-size:48px; text-shadow:#000 1px 1px 2px;}
.d02{line-height:36px; text-align:left; font-size:18px; text-shadow:#000 1px 1px 2px;}
.fbiao{ font-size:18px; font-weight:bold; line-height:36px; color:#333; margin-top:30px;}


.taocan{ border:1px solid #dedede; background:#fff; box-shadow:0px 0px 3px #dedede;}
.taocan:hover{ border:1px solid #da261d; background:#fff; box-shadow:0px 0px 3px #999;}
.taocan01{margin-top:15px;margin-bottom:25px; padding:15px;}
.taocan02{color:#333; text-align:center; font-size:16px;}
.taocan03{color:#da261d; text-align:center;font-size:16px;}
.taocan04{font-size:42px; font-weight:bold;}
.taocan05{text-align:center;}
.taocan06{display:inline-block; margin:10px 5px; width:120px; height:36px; color:#fff; background:#da261d; font-size:16px; line-height:36px; border-radius:2px;}
.taocan06:hover{color:#fff; background:#ac1c15;}
.xiaobiao{ font-size:16px; line-height:24px;}
.xiaobiao i{ font-size:14px; line-height:20px; padding:2px 10px; color:#fff; background:#da261d; border-radius:12px; margin-left:10px;}
.fangan{ line-height:18px;height:36px; color:#666;  text-overflow: ellipsis;overflow:hidden;}
.sider{ font-size:14px; line-height:28px; display:block;color:#333;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}
.sider:hover{ color:#F00;}
.carousel-caption {
  position: absolute;
  right: 15%;
  top: 30%;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.quse{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;-webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	}
.quse:hover{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity:1.0;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: gray;
	color:#da261d;}
	 
.kaitou{
	transition: all 0.3s;
   -ms-transition:all 0.3s; /* IE 9 */
   -moz-transition:all 0.3s; /* Firefox */
   -webkit-transition:all 0.3s; /* Safari 和 Chrome */
   -o-transition:all 0.3s; /* Opera */
   transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -webkit-transform: translateY(0px); color:#666;}
   
.kaitou:hover{
	transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);color:#da261d;}	
 
.youshi{margin:15px auto; height:80px; overflow:hidden; font-size:14px; line-height:20px;}	 
.youshi span{ display:block; text-align:center; font-size:18px; line-height:40px; font-weight:bold;}		 		 
	 
.fu{ width:100px; height:60px; text-align:center; border-right:2px solid #eee;}	
.fu01{text-align:right;font-size:28px; font-weight:bold;}
.fu02{text-align:right; font-size:14px;}
.link01{ margin-left:15px; color:#666;}
.link01:hover{ margin-left:15px; color:#da261d; text-decoration:none;}
.link02{ margin-left:15px; color:#ccc;}
.link02:hover{ margin-left:15px; color:#da261d; text-decoration:none;}
.link03{ color:#ccc;}
.link03:visited {color:#ccc;}
.link03:hover{ color:#da261d; text-decoration:none;}
.link04{ margin-right:15px; line-height:28px; color:#333; font-size:14px;}
.link04:hover{color:#da261d; text-decoration:none;}


.fenlei{ color:#333; font-size:15px;line-height:24px; font-weight:bold;}
.bian a{ display:block; color:#454545; font-size:14px; line-height:26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bian a span{ color:#da261d;padding:0 5px;}
.bian a:hover span{ color:#fff; padding:0 5px;}
.bian a:hover{ color:#fff; background:#da261d;}

.c1{text-align:center; font-size:14px; font-weight:bold; height:40px; line-height:40px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.c1:hover{text-decoration:none; color:#da261d;}

.zxin{ border-radius:3px;box-shadow:0px 0px 5px #dedede; padding:0px; color:#333;}
.zxin:hover{ border-radius:3px;box-shadow:0px 0px 5px #abb4c1; padding:0px; background:#f7f7f7; color:#da261d;}

#div1{overflow: hidden; border-top-left-radius:3px;border-top-right-radius:3px;}
#div1 img{cursor: pointer; transition: all 0.4s;}
#div1 img:hover{transform: scale(1.05);}
.dibu{ font-size:14px; color:#666; line-height:24px;}
.dibu{ color:#da261d;}

.p1{text-align:center; color:#333; font-size:28px; font-weight:bold; line-height:36px; margin-top:50px;}
.p1 span,.p2 span{ color:#da261d;}
.p3{color:#333; font-size:20px; font-weight:bold; line-height:30px; text-align:center; margin:15px auto;}
.order {height:30px; line-height:30px;text-align: center; margin-bottom:15px;}
.order .line {display: inline-block; width:30px; border-top: 1px solid #ccc ;}
.order .txt { color: #666; font-size:14px; padding:5px 10px; vertical-align: middle;}

.wei01{width:50px; height:50px; color:#CCC; font-size:56px; position:absolute; top:0; left:0;}
.wei02{padding-left:60px; font-size:16px; line-height:36px; font-weight:bold; color:#333;}
.wei03{border-bottom:1px solid #f7f7f7;}
.wei04{color:#da261d; font-size:20px;}
.wei05{font-size:15px; line-height:28px; color:#666; font-weight:normal;}

.more{font-size:16px; padding:10px 30px; color:#333; line-height:24px; border:1px solid  #ccc;transition:all 0.5s; border-radius:4px;}
.more:hover{ color:#fff; background:#da261d; border:1px solid #da261d;}

.yy{padding-top:19px; color:#ccc; font-size:14px; line-height:16px;}
.yy span{font-size:18px; color:#fff; line-height:20px; font-weight:bold;}
.yy span a{ color:#fff;}
.fudao{line-height:40px; color:#666; border-bottom: 1px dotted #999;}
.fudao a{ font-size:14px;}
.fudao span{font-size:14px; font-weight:bold;}

.link8{ margin-top:0px; margin-bottom:0px; padding:5px; border-radius:3px; text-align:center;font-size:15px;display:block; background:#da261d; color:#fff;}
.link8:hover{ background:#da261d; color:#fff; text-decoration:none;}
.link10{ margin-top:0px; margin-bottom:0px; padding:5px;border-radius:3px; text-align:center; color:#333; font-size:15px;display:block; background:#f7f7f7;}
.link10:hover{ background:#da261d; color:#fff; text-decoration:none;}

.f01{ font-size:18px; color:#333; line-height:36px; font-weight:bold;}
.f01 span{ font-size:20px; color:#da261d;}
.f02{ font-size:16px; line-height:28px; color:#666;}
.f03:hover{ background:#f7f7f7;}
.j30{padding-top:30px; padding-bottom:30px; border-bottom:1px solid #eee;}
.j301{padding-top:30px; padding-bottom:30px;}
/*全局样式结束*/
.imgz{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
}
  
.imgz:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.banner_index{ position:relative;height:680px;background:url(../images/banner_index.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_index_m{height:380px;background:url(../images/banner_index.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_fuwu{height:320px;background:url(../images/banner_fuwu.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_taocan{height:320px;background:url(../images/banner_taocan.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_moban{height:320px;background:url(../images/banner_moban.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_fangan{height:320px;background:url(../images/banner_fangan.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_seo{height:320px;background:url(../images/banner_seo.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_anli{height:320px;background:url(../images/banner_anli.jpg) no-repeat 50% 50%;background-size:cover;}
.banner_about{height:320px;background:url(../images/banner_about.jpg) no-repeat 50% 50%;background-size:cover;}

.w11{ color:#fff; font-size:36px; font-weight:bold; padding-top:240px; text-align:center;line-height:50px;}
.w1{ color:#fff; font-size:36px; font-weight:bold; padding-top:120px; text-align:center;line-height:50px;}
.w1_m{ color:#fff; font-size:26px; font-weight:bold; padding-top:100px; text-align:center;line-height:36px;}
.w2{ color:#fff; font-size:18px;text-align:center;line-height:22px; margin-top:30px;}
.w2_m{ color:#fff; font-size:16px;text-align:center;line-height:20px; margin-top:15px;}
.index_bottom{ position:absolute;bottom:0px;width:100%; height:80px; background: rgba(20,16,51,0.2); }

.butx {width: 120px;margin: 15px auto;font-size: 16px; }
.butx a { text-decoration: none; }
.butx .button {display: block; position: relative; height:42px;  width: 120px; margin: 0 auto; overflow: hidden; }
.butx .button > span {display: block; position: absolute; overflow: hidden;left: 0; top: 0; width: 0%; height: 100%; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.butx .button:after, .butx .button > span > span { display: block; text-align: center; border-radius: 5px; line-height:28px;padding:5px; }
.butx .button:after { content: attr(data-title); width: 100%;  border:1px solid #ccc; color: #333;}
.butx .button > span > span { width:120px; background: #da261d; border:1px solid #da261d;color: #fff; line-height:28px;  padding:5px;}
.butx .button:hover > span { width:120px; }
.nbiao{margin:25px auto;text-align:center;border-bottom:1px dotted #ccc; line-height:36px; font-size:20px;}
.gzh,.xcx{ color:#fff;}
.gzh:hover,.xcx:hover{ color:#da261d;}
.popover-content { padding: 2px;}
.list-unstyled{ float:left;}

  .tiaodong img {width:400px;height:339px;position:relative;top:0px;animation: myMove 2s infinite;-webkit-animation: myMove 2s infinite;}
       @keyframes myMove {
            0% { top: 0px; }
            50% { top: 10px; }
            100% {  top: 0px;  }
        }

        @-webkit-keyframes myMove {
            0% {  top: 0px; }
            50% { top: 10px; }
            100% {  top: 0px; }
        }
.b01{ font-weight:bold; color:#fff; font-size:15px; line-height:24px; margin-bottom:10px;}
.b02{ font-size:14px; color:#999; line-height:22px;}
.b02:hover{ color:#fff; text-decoration:none;}

.triangle-up{position:absolute;top:-8px; right:40px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #eee;}

/*----------导航开始----------*/
.top-cat-arrow {content: "";width: 20px;height: 12px;background-image: url(../images/sprite.png);background-position: 0px 0px;transition: -webkit-transform .3s ease;transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);display: inline-block;vertical-align: center;
  margin-left: 4px}
.tt:hover .top-cat-arrow {-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

@media (min-width: 768px) {
.bian{border-right:0px dotted #ccc;}
.navbar-default { background:rgb(20,16,51,0.7);border-color: #fff;border:0px;}
.navbar-default .navbar-nav > li > a { font-size:15px; color: #fff; font-weight:bold; padding-left:14px; padding-right:14px;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {color: #da261d;background-color: transparent;}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { color: #da261d;background-color: #fff;}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width:60px;
  z-index: 1000;
  display: none;
  float: left;
  padding:0;
  margin: 5px 20px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(255,255,255,0.9);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 2px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color:#fff;text-decoration: none;background-color:#da261d;}
.navbar-brand {
  float: left;
  height: 40px;
  padding: 0px 15px;
  line-height: 20px;
}
/*----------导航结束----------*/

/*悬浮链接开始*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#da261d;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#ef6512;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../kf/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../kf/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../kf/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../kf/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../kf/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../kf/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#333;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:10px 0;}
.suspension .d-qrcode p{font-size:14px;color:#333;}

/*悬浮链接结束*/

/*----------分页开始----------*/
.fenye{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:30px;
}
.paging{
    display: flex;
    align-items: center;
}
.paging div{
    border: 1px solid rgb(211, 211, 211);
    padding: 6px 12px;
    border-radius: 3px;
    cursor: pointer;
    margin: 0 5px;
    font-size: 14px;
}
.paging div.disable{
    color: #fff;
    cursor: not-allowed;
    background-color: rgb(211, 211, 211);
}
.paging div.active{
    border: none;
    background-color: rgb(209, 9, 0);
    color: #fff;
}